<template>
    <div id='home'>
        
        我是home
        {{hometext}}
        <Basice>
            <ul slot="second-slot">
                <li>111</li>
                <li>222</li>
                <li>333</li>
            </ul>
            <ul slot="first-slot">
                <li>第一</li>
                <li>第二</li>
                <li>第三</li>
            </ul>
        </Basice>


        <div class="card">
            <header class="card-header">
                <p class="card-header-title">
                    组件
                </p>
                <a class="card-header-icon">
                <span class="icon">
                    <i class="fa fa-angle-down"></i>
                </span>
                </a>
            </header>
            <div class="card-content">
                <div class="content">
                PEARSON EDUCATION是PEARSON旗下的从事教育和出版行业的机构。迄今，已为全球超过1亿人提供了培训，是教育、出版一体化领域的佼佼者。拥有PEARSON PRENTICE HALL、PEARSON LONGMAN 、PEARSON SCOTT FORESMAN等知名品牌，PEARSON EDUCATION将继续面向世界，利用各种媒介手段源源不断地提供高质量的读物、实用的评估工具和先进的教育服务。
                <br>
                <small>11:09 PM - 1 Jan 2016</small>
                </div>
            </div>
            <footer class="card-footer">
                <a class="card-footer-item">Save</a>
                <a class="card-footer-item">Edit</a>
                <a class="card-footer-item">Delete</a>
            </footer>
            </div>

    </div>
</template>
<script>
    import Basice from './Basice.vue'
    export default{
        name:'home',
        data(){
            return {
                hometext:'ttt'
            }
        },
        components:{Basice}
    }
</script>